<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>热门活动</title>
		<link rel="icon" href="img2/favicon.ico"  />
		<style>
			.box{width: 700px;font-size: 12px;}
			ul{list-style:none ;}
			.clearfix{
				display: table;
				content: "";
				clear: both;
			}
			.we2{float: right;}
			.d1{margin-top: -168px;}
			.d2{margin-top: -172px;}
			ul>li img{height: 118px;}	
			.d4{text-decoration: none; color: #000000;}		
			
				
		</style>
	</head>
	<body>
		<div class="box clearfix">
		<h3><strong><span class="we"><a href="homework9-3.html"class="d4">热门活动</a></span><span class="we2">更多</span></strong></h3>
		<ul >
			<li><img src="img2/img1.png" width="300"/><br /><br />推荐活动 | 原创音乐现金榜T榜</li><br />
			<li class="we2 d1 clearfix"><img src="img2/img2.png" width="300"/><br /><br />推荐节目|《TAImusic》爆笑来袭</li><br />
			<li ><img src="img2/img3.png" width="300"/><br /><br />推荐歌单 | 继续宠爱张国荣</li><br />
			<li class="we2 d2"><img src="img2/img4.png" width="300"/><br /><br />推荐活动| 330金属音乐巡演 成都小酒馆音乐空间</li>
		</ul>
		</div>
	</body>
</html>
